import { ref } from 'vue';

export const useModal = (defaultSize = 'md') => {
    const isModalOpen = ref(false);
    const modalSize = ref(defaultSize);

    const openModal = (size = defaultSize) => {
        modalSize.value = size;
        isModalOpen.value = true;
    };

    const closeModal = () => {
        isModalOpen.value = false;
    };

    return {
        isModalOpen,
        openModal,
        closeModal,
        modalSize
    };
};    